<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我开始在富利网理财啦，年化收益12%-18%，便捷有保障，快来一起赚吧！</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<link rel="stylesheet" href="style.css">
</head>
<body>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	   $("#openregform").click(function(){	
	      $(".m-layer").css('display','block');	  
		   $(".m-layer").addClass('z-show');		  
		   })
		 $(".lyclose").click(function(){
		   $(".z-show").animate({opacity: "hide"}, "slow");	       	  
	      })
		  $(".ui-select").toggle(function()
		  {
			$(this).removeClass('checked');
			$(this).addClass('unchecked');
		},function(event){
			$(this).removeClass('unchecked');
			$(this).addClass('checked');
			})   
		});	
		
		function  register(){
		 var J_username = $("#J_username").val(); 
		 var J_email = $("#J_email").val();  
		 var J_password = $("#J_password").val();  
		 var J_repassword = $("#J_repassword").val(); 	
		 var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;	
		 if(J_username == "请设置昵称"){
	          alert("请设置昵称");
			  $("#J_username").focus();
	          return;
	     }if(J_username.length()>16 ||J_username.length()<4)
		 {
			  alert("昵称长度需为4-16位");
			  $("#J_username").focus();
	          return; 
		 } 
		 if(J_email == "请填写邮箱"){
	          alert("请填写邮箱");
			  $("#J_email").focus();
	          return;
	     }
         if(!myreg.test(J_email))
         {
			 alert('请输入有效的E_mail！');
			 J_email.focus();
			return;
         }          	 
	     if(J_password == "请设置密码"){
	          alert("请设置密码");
			  $("#J_password").focus();
	          return;
	     }if(J_password.length()>16 ||J_password.length()<6)
		 {
			  alert("昵称长度需位6-16");
			  $("#J_password").focus();
	          return; 
		 }if(J_repassword != J_password){
	          alert("重复密码填写不正确");
			  $("#J_repassword").focus();
	          return;
	     }
		 $("#J_event2015-regform").submit();
		}		
</script>
<div class="wrapper">
    <div class="reg-main">
		<div class="reg-header">
			<img src="images/reg_header.png" />
		</div>
		<div class="reg-info" style="display: block; -webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1);">
			<img src="http://api.m.renrendai.com/2.0/asset/img/reg_info.png">
			<div class="reg-trade-area">
				<table><tbody><tr><td><div class="reg-trade-info">
							<ul><li><div id="tradeamount" class="header">55位</div><div class="content">聪明的投资人加入富利网</div></li>
							<li><div id="tradeincome" class="header">￥ 190万</div><div class="content">累计成交金额</div></li></ul>
				</div></td></tr></tbody></table>
			</div>
		</div>
		<div class="reg-content-regbefore">
			<img src="images/reg_bg_benifit.png" />
		</div>
		<div class="reg-content-regbefore">
			<img src="images/reg_bg_product.png" />
		</div>
		<div class="reg-content-regbefore">
			<div style="height:80px;width:100%;"></div>
		</div>		
	</div>
	<div class="reg-btn-area">
		<div class="reg-btn-border">
			<input id="openregform" type="button" class="reg-btn" value="立即注册"></input>
			<p class="reg-btn-text">注册只需五秒，投资收益终身</p>
		</div>
	</div>
	<div class="m-form m-layer"><table><tbody><tr><td>
		<article class="lywrap">
			<header class="lytt"><h2>快速注册</h2><span class="lyclose">×</span></header>
			<section class="lyct">
				<form id="J_event2015-regform">
                    <div class="formitm">
						<input class="ipt" type="username" placeholder="请设置昵称" autocomplete="off" 	name="username" id="J_username">		</div>
					<div class="formitm">
						<input class="ipt" type="email" placeholder="请填写邮箱" autocomplete="off" name="email" id="J_email"> 
					</div>			
					<div class="formitm">
						<input class="ipt" type="password" placeholder="请设置密码" autocomplete="off" name="password" id="J_password">       </div>
                    <div class="formitm">
						<input class="ipt" type="repassword" placeholder="重复密码" autocomplete="off" name="repassword" id="J_repassword"> 	</div>                    
					<div class="formitm formitm-1">
						 <span class="ui-select checked">
						 	<input id="isAgree" type="checkbox" checked="checked" />
						 </span>
						 <span class="agreecontract">我已阅读并同意<a href="#">《富利网服务协议》</a></span>
					</div>
					<div class="formitm formitm-1">
						<button id="j_mobile_form-btn" class="formbtn" type="button" onClick="register()">立即注册</button></div>
				</form>
				</section>
		</article>
		</td></tr></tbody></table>
	</div>
</div>
</body>
</html>
